<template>
    <select :value="value" @change="handleChange">
      <option value="1">北京</option>
      <option value="2">上海</option>
      <option value="3">广州</option>
      <option value="4">曹县</option>
    </select>
</template>

<script>
export default {
    props:{
        value:[String, Number]
    },
    methods:{
        handleChange(e){
            // 把当前选中的value值，传给父组件
            console.log(e) 
            // 取到select框里面的value值， ==> e.target.value 
            this.$emit('input', e.target.value)
        }
    }

}
</script>

<style>

</style>